* { margin: 0; padding: 0; outline: 0; }
body, html { height: 100%; }
body {
    font-size: 12px;
    line-height: 1.3;
    font-family: arial, sans-serif;
    min-width: 990px;
    border-top: 7px solid;
}
a { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
header, nav, section, article, aside, footer { display: block; }
h1 { font-size: 22px; line-height: 24px; }
h2 { font-size: 20px; line-height: 24px; }
h3 { font-size: 18px; line-height: 24px; }
h4 { font-size: 16px; line-height: 22px; font-weight: normal; }
h5 { font-size: 14px; line-height: 20px; font-weight: normal; }
h6 { font-size: 12px; line-height: 18px; font-weight: normal; }
p { font-size: 12px; line-height: 20px; }
ul { list-style: none; font-size: 12px; line-height: 22px; }
ul li { background-position: -350px 8px; background-repeat: no-repeat; padding: 0 0 0 30px; }
ol { list-style: inside decimal; font-size: 12px; line-height: 22px; }
blockquote { border-left: 5px solid; font-size: 12px; line-height: 20px; font-style: italic; padding: 0 0 15px 15px; }
table { width: 100%; border: 0 none; border-spacing: 1px; }
table th { font-size: 12px; height: 30px; font-weight: normal; }
table td { font-size: 12px; height: 30px; text-align: center; min-width: 78px; }
table td + td { padding-left: 44px; text-align: left; min-width: 0; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; resize: none; }
.field { border: 1px solid; border-radius: 4px; line-height: 16px; height: 16px; padding: 7px; width: 274px; display: block; color: #959595; }
textarea.field { width: 404px; height: 174px; }
input.button { display: block; border: none; cursor: pointer; font-size: 14px; width: 100px; height: 35px; color: #959595; background-position: 0 -150px; width: 100px; height: 35px; }
input.button:hover { background-position: -181px -267px; }
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -9999px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -9999px; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.shell { width: 980px; margin: 0 auto; }
.shell > header { width: 980px; padding: 30px 0 0; position: relative; z-index: 20; }
#logo { padding: 0 0 30px; }
#logo a { display: block; background-position: 0 0; width: 248px; height: 34px; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 0 -228px; }
header nav { width: 980px; height: 56px; }
header nav li { background: transparent; padding: 0; }
header .socials { float: right; padding: 7px 1px 0 0; }
header .socials li { float: left; padding: 0 13px 0 0; }
header .socials a { background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/base.png); width: 34px; height: 34px; display: block; font-size: 0; line-height: 0; text-indent: -9999px; }
header .socials .facebook a { background-position: -181px -234px; }
header .socials .twitter a { background-position: -215px -234px; }
header .socials .rss a { background-position: -249px -234px; }
.main-nav a:hover { text-decoration: none; }
.main-nav > li { float: left; height: 56px; position: relative; }
.main-nav > li > a { display: block; font-size: 16px; line-height: 56px; color: #8c8c8c; padding: 0 19px; transition: color linear .12s; -moz-transition: color linear .12s; -webkit-transition: color linear .12s; -ms-transition: color linear .12s; -o-transition: color linear .12s; }
.main-nav > li.current > a { font-weight: bold; padding: 0 17px; }
.main-nav > li.current:after { content: ''; background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/base.png) -312px -146px; width: 13px; height: 7px; position: absolute; top: -2px; left: 50%; margin-left: -6px; }
.main-nav ul { width: 200px; position: absolute; background: #131313; display: none; }
.main-nav li:hover > ul { display: block; }
.main-nav ul li { position: relative; font-size: 0; line-height: 0; width: 200px; }
.main-nav ul ul { top: 0; left: 200px; padding-left: 1px; }
.main-nav > li > ul { top: 50px; left: 0; border-top: 3px solid; padding: 3px 0 0; }
.main-nav > li > ul:after { content: ''; background-position: -231px -78px; width: 10px; height: 5px; position: absolute; top: -8px; left: 19px; }
.main-nav ul a { display: block; font-size: 12px; line-height: 16px; padding: 4px 10px 4px 42px; position: relative; color: #a0a0a0; background: #000; box-shadow: 0 2px 3px rgb(19,19,19); transition: all linear .12s; -moz-transition: all linear .12s; -webkit-transition: all linear .12s; -ms-transition: all linear .12s; -o-transition: all linear .12s; }
.main-nav ul a:after { content: ''; background-position: -350px 0; width: 16px; height: 5px; position: absolute; top: 9px; left: 15px; }
.main-nav ul li:hover > a,
.main-nav ul a:hover { background: #d6d6d6; color: #000; }
#main { padding: 22px 0 100px; width: 980px; overflow: hidden; }
#content { width: 682px; }
#sidebar { width: 273px; margin: 24px 0 0; background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/dotted.png); }
#sidebar > ul { padding: 10px 8px 0; width: 257px; }
footer, #footer-push { height: 228px; }
footer > .shell { height: 126px; position: relative; padding: 50px 0 0; }
footer h5 { color: #fff; padding: 0 0 12px; }
footer ul li { background: transparent; padding: 0; }
footer .twitter-feed { float: left; width: 230px; height: 126px; padding: 0 22px 0 0; position: relative; }
footer .twitter-feed:after { content: ''; background-position: -243px -78px; width: 2px; height: 94px; position: absolute; top: 0; right: 15px; }
footer .about-box { float: left; width: 227px; padding: 0 25px 0 0; position: relative; }
footer .about-box p { font-size: 12px; line-height: 16px; padding: 0 0 16px; }
footer .about-box a { color: #fff; text-decoration: underline; }
footer .about-box a:hover { text-decoration: none; }
footer .about-box:after { content: ''; background-position: -243px -78px; width: 2px; height: 94px; position: absolute; top: 0; right: 15px; }
footer .contact-box { float: left; width: 227px; padding: 0 13px 0 0; position: relative; }
footer .contact-box ul { font-size: 12px; line-height: 19px; color: #fff; }
footer .contact-box li { width: 197px; padding: 0 0 0 34px; position: relative; }
footer .contact-box li a { color: #fff; }
footer .contact-box li .small { font-size: 10px; line-height: 19px; text-align: right; width: 34px; position: absolute; top: 0; left: -10px; }
footer .contact-box:after { content: ''; background-position: -243px -78px; width: 2px; height: 94px; position: absolute; top: 0; right: 0; }
footer .socials { float: right; width: 220px; }
footer .socials li { font-size: 0; line-height: 0; width: 220px; overflow: hidden; }
footer .socials li + li { padding: 8px 0 0; }
footer .socials li a { display: block; color: #fff; font-size: 14px; line-height: 14px; padding: 4px 0 4px 44px; position: relative; height: 24px; }
footer .socials li a:hover { text-decoration: none; color: #fff; }
footer .socials li a span { display: block; font-size: 11px; line-height: 10px; }
footer .socials li a:before { content: ''; width: 32px; height: 32px; position: absolute; top: 0; left: 0; }
footer .socials .facebook a:before { background-position: -248px -176px; }
footer .socials .twitter a:before { background-position: -280px -176px; }
footer .socials .rss a:before { background-position: -312px -176px; }
#bottom p { font-size: 12px; text-align: right; line-height: 52px; }
#bottom p span { margin: 0 5px; }
#bottom .foot-nav { float: left; white-space: nowrap; }
#bottom .shell { height: 52px; }
#to-top { width: 86px; height: 86px; position: absolute; top: -42px; left: 50%; margin-left: -44px; }
#to-top a { position: absolute; top: 0; left: 0; z-index: 1; background-position: -149px -114px; width: 86px; height: 86px; font-size: 0; line-height: 0; text-indent: -9999px; transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -ms-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; -webkit-transition: all ease-in-out .25s; }
#to-top a:hover { transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); -webkit-transform: translateY(-10px); }
#to-top .overlay { background-position: 0 -186px; width: 86px; height: 25px; position: absolute; bottom: -3px; left: -4px; z-index: 2; }
#tweets { color: #fff; }
#tweets li { width: 220px; height: 94px; display: none; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; }
#tweets .tweet_text { font-size: 11px; line-height: 16px; max-height: 57px; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; }
#tweets .tweet_text a { color: #fff; text-decoration: underline; word-wrap: break-word; }
#tweets .tweet_text a:hover { text-decoration: none; }
#tweets .tweet_time { display: block; font-size: 10px; padding: 2px 0 0; }
#tweets .tweet_time a { display: inline-block; color: #fff; line-height: 16px; padding: 0 5px; border-radius: 2px; }
#tweets .tweet_time a:hover { text-decoration: none; background: #fff; }
#page-head { background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/dotted.png); width: 100%; overflow: hidden; padding: 5px 0; }
#page-head h1 { float: left; font-size: 18px; line-height: 28px; color: #959595; padding: 0 10px 0 20px; }
article { padding: 24px 0; }
article h4 { padding: 0 0 16px; }
article h4.title { font-weight: bold; text-transform: uppercase; padding: 0; }
article h5 { padding: 0 0 16px; }
article p { padding: 0 0 20px; }
article p a { text-decoration: underline; }
article p a:hover { text-decoration: none; }
article p.upper { font-size: 14px; line-height: 22px; padding: 0 0 12px; text-transform: uppercase; }
article header { padding: 0 0 26px; position: relative; }
article header:after { content: ''; background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/dotted.png); width: 100%; height: 4px; position: absolute; bottom: 22px; left: 0;}
article header h1 { font-size: 24px; line-height: 28px; padding: 10px 0; }
article header h2 { font-size: 16px; line-height: 20px; padding: 10px 0; text-transform: uppercase; }
article header h3 { font-size: 20px; line-height: 22px; padding: 10px 0; }
article header h4 { font-weight: bold; }
article > section { width: 100%; overflow: hidden; padding: 0 0 34px; }
article img { border: 4px solid; transition: all linear .1s; -moz-transition: all linear .1s; -webkit-transition: all linear .1s; -o-transition: all linear .1s; -ms-transition: all linear .1s; }
article img.left { margin: 0 15px 15px 0; }
article img.right { margin: 0 0 15px 15px; }
article .one-third { width: 310px; }
article .one-third + .left { padding-left: 25px; }
article .two-thirds { width: 645px; }
article .header-styles h4, article .header-styles h5 { padding: 0; }
article .header-styles h4.styles-title { padding: 0 0 16px; }
article table { margin: 0 0 36px; }
article table th { color: #000; }
article table td a { color: #959595; }
article blockquote { margin: 0 0 36px; }
article .field { margin: 0 0 18px; }
article .clients-row img { border: none; width: 112px; }
* { padding:0; margin:0; outline:0; }
body {
	background:#fff;
	font-family: "Lucida Sans", Lucida, "Trebuchet MS", sans-serif;
	font-size:12px;
	line-height:22px;
	color:#4a4a4a;
}
input, textarea, select { font-family: "Lucida Sans", Lucida, "Trebuchet MS", sans-serif; font-size:11px; }
textarea { overflow:hidden; }

a img { border:0; }

.post img, a.aimg img { padding:2px; border:solid 1px #c6c6c6;}
.post a:hover img, a.aimg:hover img { border-color:#00aeef;}

.normal { font-size:12px;}

a { color:#00aeef; text-decoration: underline; cursor:pointer; }
a:hover { color:#147599; text-decoration: none;}

a.gray { color:#4a4a4a; }
.blue { color:#00aeef; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.post .alignleft { margin:0 10px 5px 0;}
.post .alignright { margin:0 0 5px 10px;}

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

h1, h2, h3, h4, h5{ font-weight: normal; color:#000; }

h1 { font-size:22px; line-height:24px; }
h2 { font-size:20px; line-height:22px; }
h3 { font-size:18px; line-height:20px; }
h4 { font-size:16px; line-height:18px; }
h5 { font-size:14px; line-height:16px; }
h6 { font-size:12px; line-height:14px; color:#00aeef; }

h3, h5{ color:#4a4a4a; }
h3 a, h5 a { color:#4a4a4a; text-decoration: none;}
h2 a, h4 a { color:#000; text-decoration: none;}

h2 a:hover, h4 a:hover, h3 a:hover, h5 a:hover, h6 a:hover{ color:#00aeef; }

h2 .right { white-space:nowrap; padding-top:4px;}

small{ font-size:11px; display:block; color:#868686; }
small a{ color:#868686 !important; text-decoration: underline !important;}
small a:hover{ color:#00aeef !important; text-decoration: none !important;}

label { color:#000; }
label span{ color:#999; font-size:10px; }

.field { background:#fff; border:solid 1px #ababab; padding:4px;}
.field-focus { border-color:#00aeef; }
.field-error { border-color:#8b0000; color:#8b0000; }




h1#logo { font-size:0; line-height:0; width:215px; height:65px; float:left; }
h1#logo a{ display:block; height:65px; text-indent: -4000px; background:url(http://preview.chocotemplates.com/onfocus/html/default/css/images/logo.gif); }

.shell { width:980px; margin:0 auto; }

#header { height:46px; background:#000 url(http://preview.chocotemplates.com/onfocus/html/default/css/images/header.gif) repeat-x center bottom;}

.socials { float:right; font-size:10px; color:#484848; padding-top:8px;}
.socials span{ padding:0 5px;}
.socials a{ color:#999; text-decoration: none; padding:2px 0 2px 18px; background:url(http://preview.chocotemplates.com/onfocus/html/default/css/images/socials.gif) no-repeat 0 0; }
.socials a:hover{ color:#fff; }
.socials a.rss-link { background-position:0 0;}
.socials a.facebook-link { background-position:0 -36px;}
.socials a.twitter-link { background-position:0 -72px;}

#head { height:65px; padding:16px 0 25px 0; }
#navigation { float:right; display:inline; text-transform: uppercase; font-size:13px; padding-top:20px;}
#navigation ul{ float:left; display:inline; list-style-type: none; height:26px; }
#navigation ul li{ float:left; display:inline; margin-left:8px; position:relative; z-index:10;}
#navigation ul li a{ float:left; display:inline; height:26px; padding:0 15px; line-height:26px; text-decoration: none; color:#4c4c4c; }

#navigation ul li a:hover { background:#000; color:#b3b3b3; }
#navigation ul li a.active { background:#00aeef; color:#fff; }
#navigation ul li a.hover{ background:#000; color:#b3b3b3; }

#navigation ul li .dd { position:absolute; top:26px; left:0; width:186px; background:#000; font-size:11px; display:none; }
#navigation ul li .dd ul{ float:none; display:block; height:auto; line-height:18px;}
#navigation ul li .dd ul li{ float:none; display:block; height:auto; margin:0; border-bottom:solid 1px #444; width:186px; float:left; }
#navigation ul li .dd a{ float:none; display:block; padding:1px 15px; height:auto; color:#b3b3b3; width:156px;}
#navigation ul li .dd a.hover,
#navigation ul li .dd a:hover{ background:#333; color:#fff; }

#navigation ul li .dd .dd{ background:#333; top:0; left:186px;}
#navigation ul li .dd .dd a:hover{ background:#444; }

#slider { height:300px; position:relative; margin-bottom:20px; }
#slider-holder { width:978px; height:298px; border:solid 1px #e6e6e6; position:relative; overflow:hidden; }
#slider-holder .jcarousel-clip{ height:298px; width:978px; position:relative; overflow:hidden; }
#slider-holder ul{ width:978px; height:298px; position:relative; overflow:hidden; list-style-type: none;}
#slider-holder ul li{ width:978px; height:298px; position:relative; overflow:hidden; float:left; display:inline; }

.slider-controls { font-size:0; line-height:0; height:0; position:absolute; top:270px; right:20px; z-index:2;}
.slider-controls a{ width:16px; height:16px; float:left; background:url(http://preview.chocotemplates.com/onfocus/html/default/css/images/slider-nav.gif) no-repeat right 0; text-indent: -4000px; margin-left:3px;}
.slider-controls a:hover,
.slider-controls a.active{ background-position:0 0;}

.slider-nav { font-size:0; line-height:0; height:0;}
.slider-nav a{ text-indent: -4000px; width:34px; height:60px; position:absolute; top:120px; z-index:3}
.slider-nav a.next{ background:url(http://preview.chocotemplates.com/onfocus/html/default/css/images/next.gif); left:949px}
.slider-nav a.prev{ background:url(http://preview.chocotemplates.com/onfocus/html/default/css/images/prev.gif); left:-3px;}

#container { padding-bottom:60px; }
#main { padding-top:20px; }
#main .cols{ padding-top:25px; }
#main .cols-nopadding{ padding-top:0; }

.entry { }
.entry p{ padding-bottom:10px; }
.entry blockquote { font-style: italic; border-left:solid 3px #73d3f6; padding-left:10px; display:block; margin-bottom:10px; }
.entry table { border-collapse:collapse; margin-bottom:10px; }
.entry th { border:solid 1px #fff; background:#aad9eb; color:#fff; padding:3px 0; text-align: center; }
.entry td { border:solid 1px #fff; padding:3px 0; text-align: center; background:#ececec; font-weight: bold; }
.entry td a{ color:#4a4a4a; }
.entry td a:hover{ color:#00aeef; }
.entry ul, 
.entry ol { padding:0 0 10px 20px; }
.entry ul li, 
.entry ol li { }

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 { padding-bottom:6px; }


#footer { width:100%; background:#000 url(http://preview.chocotemplates.com/onfocus/html/default/css/images/footer.gif) repeat-x center 0; padding:40px 0 50px 0; color:#7e7e7e; line-height:18px;}

#footer h5{ border-bottom:dashed 1px #3b3b3b; text-transform: uppercase; color:#808080; padding-bottom:5px; margin-bottom:7px; }
#footer p{ padding-bottom:10px; }
#footer ul{ list-style-type: none;}
#footer ul li{ border-bottom:dashed 1px #3b3b3b; padding-bottom:6px; margin-bottom:6px; }
#footer ul li span{ color:#fff; display:block; }
#footer ul li small{ font-size:10px; display:block; }
#footer ul li.last{ border-bottom:0; padding-bottom:0;  }
#footer ul.gray-links a{ color:#7e7e7e; text-decoration: none;}
#footer ul.gray-links a:hover{ color:#999}

.tag-cloud {}
.tag-size1 { font-size:1em; }
.tag-size2 { font-size:1.2em; }
.tag-size3 { font-size:1.3em; }
.tag-size4 { font-size:1.4em; }
.tag-size5 { font-size:1.5em; }
.tag-size6 { font-size:1.6em; }
.tag-size7 { font-size:1.7em; }

#sidebar .tag-cloud { padding-bottom:5px; }
#sidebar .tag-cloud a { color:#777; }

#after-footer { width:100%; background:#101010; height:35px; line-height:34px; font-size:11px; color:#333; white-space:nowrap; }
#after-footer .left{ font-size:10px; text-transform: uppercase;}
#after-footer .left a{ margin-right:18px;}
#after-footer a{ color:#333; text-decoration: none;}
#after-footer a:hover{ color:#777; }

.sidebar-box { padding-bottom:20px;}
#sidebar ul{ list-style-type: none; padding-bottom:10px;}
#sidebar ul li{ border-bottom:dashed 1px #cdcdcd; padding-bottom:5px; margin-bottom:5px;}
#sidebar ul li.last{ margin-bottom:0;}
#sidebar ul li a{ text-decoration: none; background:url(http://preview.chocotemplates.com/onfocus/html/default/css/images/more.gif) no-repeat 0 5px; padding-left:8px; }
#sidebar .ads{ padding:5px 0 10px 0; }

#sidebar .archives {}
#sidebar .archives ul{}
#sidebar .archives ul li{ border:0; padding:0; margin:0; }
#sidebar .archives ul li a{ background:transparent; padding:0; color:#4a4a4a; }
#sidebar .archives ul li a:hover{ color:#00aeef; }
#sidebar .archives ul li ul{ padding-left:30px; color:#999; display:none; }
#sidebar .archives ul li.active ul{ display:block; }
#sidebar .archives ul li ul a{ text-decoration: underline;}
#sidebar .archives ul li ul a:hover{ text-decoration: none;}



.cols {}
.col { float:left; display:inline; }
.col-right { float:right; display:inline; }

.col1 { width:640px; }
.col2 { width:300px; }
.col3 { width:215px; }

.cols .col { margin-right:40px; }

.border { border-bottom:dashed 1px #cdcdcd; padding-bottom:9px; margin-bottom:10px; }
.more { background:url(http://preview.chocotemplates.com/onfocus/html/default/css/images/more.gif) no-repeat 0 5px; padding-left:8px;}


.items {}
.items ul{ list-style-type: none;}
.items ul li{ padding-bottom:20px; width:100%;}

.items-images ul li { padding:10px 0 20px 0;}

.items h3{ padding-bottom:5px; }


.items p.view{ padding-top:15px;}
.items .item-info small{ padding-bottom:8px;}
.items .item-image { float:left; display:inline; width:302px; }
.items .item-info { float:left; display:inline; width:322px; padding-left:16px;}

.pagging { border-top:dashed 1px #cdcdcd; text-align: right; padding-top:5px; margin-top:13px;}
.pagging span{ color:#999; padding:0 6px;}

p.nav { }
p.nav span{ color:#999; padding:0 6px;}

.project-slider { width:635px; height:340px; position:relative; margin:15px 0; border:solid 1px #c6c6c6; padding:3px 0 0 3px;}
.project-slider-holder { width:632px; height:337px; position:relative; overflow:hidden; }
.project-slider-holder .jcarousel-clip{ width:632px; height:337px; position:relative; overflow:hidden; }
.project-slider ul{ width:632px; height:337px; position:relative; overflow:hidden; list-style-type: none;}
.project-slider ul li{ width:632px; height:337px; position:relative; overflow:hidden; float:left; font-size:0; line-height:0;}

.project-slider .slider-nav a { top:136px;}
.project-slider .slider-nav a.next { left:608px;}
.project-slider .slider-nav a.prev { left:-4px;}

.posts {}
.posts .pagging{ border:0; margin-top:0; padding-top:0; width:100%; position:relative; margin-top:-30px;}
.posts .post { margin-bottom:40px; }

.post .entry{ padding-top:5px; }
.post-meta { border-top:dashed 1px #cdcdcd; border-bottom:dashed 1px #cdcdcd; font-size:10px; white-space:nowrap; line-height:18px; padding:5px 0;}

.post-comments { padding-top:30px; }
.comment-list{ }
.comment-list ol{ list-style-type: none; padding-top:12px; border-bottom:dashed 1px #cdcdcd; }
.comment-list ol li{ border-top:dashed 1px #cdcdcd; padding:12px 0 4px 0; width:100%;}
.comment-list .comment-meta { float:left; width:130px; text-align: right; font-size:10px; line-height:15px; color:#767676; }
.comment-list .comment-meta strong{ display:block; font-size:20px; line-height:20px; color:#000; }
.comment-list .comment-meta a{ color:#000; text-decoration: none;}
.comment-list .comment-meta a:hover{ color:#00aeef; }

.comment-list .entry { float:right; width:490px; line-height:18px; }
.comment-list .entry p{ padding-bottom:6px;}

.comment-list ol ol{ width:490px; margin:0 0 0 auto; border:0; padding-bottom:8px; }
.comment-list ol ol .entry{ width:340px; }
.comment-list ol ol li{ border:0; background:#f3f3f3; margin-bottom:5px;}

.comment-form { padding-top:30px; }
.comment-form h4{ padding-bottom:15px; }


.form { }
.form .left{ width:240px;}
.form .right{ width:380; float:left; padding-left:20px; }
.form label{ display:block; }
.form .field{ display:block; width:230px;}
.form textarea.field{ width:370px; height:124px;}
.form p{ margin-bottom:12px; }

.floated-form { padding-top:10px;}
.floated-form label{ float:left; width:200px; display:inline; padding-top:1px; text-align: right;}
.floated-form .field{ float:left; display:inline; margin-left:15px; margin-bottom:12px;}
.floated-form small{ padding-left:215px; position:relative; top:-13px;}

input.button { border:0; background:#000; color:#b3b3b3; padding:3px 5px; cursor:pointer; font-size:12px; }
input.button:hover { background:#00aeef; color:#fff; }

.floated-form .verification-image { padding-left:215px; padding-bottom:10px; }
.floated-form .form-buttons { padding-left:215px; }

.address-map { font-size:0; line-height:0; padding-bottom:10px; }

.msg { text-align: center; padding:2px; color:#fff; margin:0 auto 20px auto; }
.msg-error { background:#8b0000; }
.msg-thanks { background:#00aeef; }

.sitemap{ padding-top:5px; }
.sitemap ul{ list-style-type: none; padding:0 0 10px 20px; text-transform: uppercase;}

.sitemap ul ul{ text-transform: none; }
.sitemap ul ul ul{ text-transform: none; font-size:11px; }
.sitemap ul a{ background:url(http://preview.chocotemplates.com/onfocus/html/default/css/images/more.gif) no-repeat 0 4px; padding:0 0 0 8px;}
.sitemap ul ul a{ background:transparent; padding:0; color:#4a4a4a;}
.sitemap ul ul a:hover{ color:#00aeef;}
.sitemap ul ul ul a{ background:transparent; padding:0; color:#999; }

#large-slider2 { width: 980px; height: 380px; margin: 4px auto 16px; padding: 0 0 40px; overflow: hidden; position: relative; }
#large-slider2:after { content: ''; width: 980px; height: 37px; position: absolute; bottom: 0; left: 0; }
#large-slider2 h1 { font-size: 32px; line-height: 31px; text-transform: uppercase; padding: 30px 30px 22px; }
#large-slider2 li { background: transparent; padding: 0; }
#large-slider2 .images { width: 595px; height: 380px; position: relative; overflow: hidden; z-index: 2; }
#large-slider2 .images li { float: left; width: 595px; height: 380px; }
#large-slider2 .images img { display: block; }
#large-slider2 .text {
	background: rgb(25,25,25);
	background: -moz-linear-gradient(top, rgba(25,25,25,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,25,25,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(25,25,25,1) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(25,25,25,1) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(25,25,25,1) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(top, rgba(25,25,25,1) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#000000',GradientType=0 );
}
#large-slider2 .text { width: 380px; height: 380px; position: relative; overflow: hidden; z-index: 2; }
#large-slider2 .text .slides li { width: 380px; height: 380px; }
#large-slider2 p { font-size: 14px; line-height: 20px; padding: 0 30px 24px; }
#large-slider2 .button {
	background: rgb(13,13,13);
	background: -moz-linear-gradient(top, rgba(13,13,13,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,13,13,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(13,13,13,1) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(13,13,13,1) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(13,13,13,1) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(top, rgba(13,13,13,1) 0%,rgba(0,0,0,1) 100%);
}
#large-slider2 .button { border: 1px solid #141516; border-radius: 4px; font-size: 14px; line-height: 34px; color: #fff; font-weight: bold; padding: 0 26px 0 30px; height: 34px; display: inline-block; position: relative; margin: 0 30px; }
#large-slider2 .button:hover { text-decoration: none; }
#large-slider2 .button:after { content: ''; background-position: -350px 0; width: 16px; height: 5px; position: absolute; top: 15px; left: -2px; transition: all linear .1s; -moz-transition: all linear .1s; -ms-transition: all linear .1s; -o-transition: all linear .1s; -webkit-transition: all linear .1s; }
#large-slider2 .button:hover:after { left: 2px; }
#large-slider2 .thumbs { width: 360px; height: 60px; position: absolute; top: 330px; right: 5px; z-index: 3; }
#large-slider2 .thumbs li { float: left; width: auto; height: auto; position: relative; font-size: 0; line-height: 0; }
#large-slider2 .thumbs a { text-indent: 0; width: auto; height: auto; }
#large-slider2 .thumbs .flex-control-nav { position: static; }
#large-slider2 .thumbs a { float: left; margin: 0 12px; position: relative; z-index: 5; box-shadow: 0 4px 8px rgba(0,0,0,.9); background: #000; }
#large-slider2 .thumbs img { display: block; }
.section-head { background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/dotted.png); font-size: 23px; line-height: 19px; text-transform: uppercase; margin: 0 0 24px; }
.section-head .more { float: right; font-weight: normal; color: #272727; }
.section-head .more:hover { text-decoration: none; }
.section-head .more:before { content: ''; background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/base.png) -328px -150px; width: 19px; height: 19px; float: right; margin: 0 0 0 4px; }
.projects-row { width: 980px; padding: 0 0 30px; overflow: hidden; }
.projects-row h4 { font-size: 14px; line-height: 16px; text-transform: uppercase; padding: 0 0 12px; }
.projects-row ul { width: 1002px; position: relative; margin: 0 0 0 -22px; overflow: hidden; }
.projects-row ul li { background: transparent; float: left; width: 228px; height: 220px; padding: 0 0 16px 22px; }
.projects-row li > a { background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/base.png) -312px 0; display: block; width: 224px; padding: 2px; position: relative; margin: 0 0 18px; }
.projects-row li img { display: block; width: 224px; height: 126px; }
.projects-row li p { font-size: 10px; line-height: 17px; text-transform: uppercase; }
.projects-row li p span { margin: 0 4px; }
.about-row { width: 980px; overflow: hidden; padding: 0 0 30px; }
.about-row p { font-size: 16px; line-height: 25px; }
.about-row .text { float: right; width: 618px; }
.about-row .thumbs { float: left; width: 360px; overflow: hidden; padding: 6px 0 0; }
.about-row .thumbs img { float: left; margin: 0 23px 23px 0; }
.clients-row { width: 980px; padding: 0 0 50px; }
.clients-row ul { width: 980px; overflow: hidden; }
.clients-row li { background: transparent; padding: 0 0 0 1px; float: left; }
.clients-row li img { transition: all linear .15s; -moz-transition: all linear .15s; -o-transition: all linear .15s; -ms-transition: all linear .15s; -webkit-transition: all linear .15s; }
.row { width: 980px; overflow: hidden; padding: 0 0 20px; }
.row h4 { font-size: 14px; line-height: 20px; text-transform: uppercase; }
.row p { font-size: 12px; line-height: 20px; padding: 0 0 16px; }
.row .half { float: left; width: 478px; }
.row .half + .half { float: right; }
.row .half ul { width: 227px; }
.bottom-text { font-size: 26px; line-height: 30px; text-transform: uppercase; font-weight: normal; text-align: center; }
.team-members { width: 100%; overflow: hidden; padding: 0 0 20px; }
.team-members h4 { padding: 0; }
.team-members p { padding: 0 0 10px; }
.team-members ul { position: relative; margin: 0 -8px; height: 100%; overflow: hidden; }
.team-members li { background: transparent; padding: 0 7px 16px 8px; float: left; width: 159px; }
.team-members li img { margin: 0 0 12px; }
.widgets li { background: transparent; padding: 0; }
.widget-head { font-size: 12px; line-height: 32px; padding: 0 14px; margin: 0 2px 6px 0; font-weight: normal; text-transform: uppercase; }
.widgets .side-nav { padding: 0 0 7px; }
.side-nav ul { border-bottom: 5px solid; }
.side-nav li { font-size: 0; line-height: 0; margin: 0 0 6px; }
.side-nav li a { display: block; font-size: 12px; line-height: 18px; padding: 5px 5px 5px 26px; position: relative; }
.side-nav li a:hover { text-decoration: none; }
.side-nav li a:after { content: ''; background-position: -350px 0; width: 16px; height: 5px; position: absolute; top: 11px; left: 0; transition: all linear .1s; -moz-transition: all linear .1s; -ms-transition: all linear .1s; -o-transition: all linear .1s; -webkit-transition: all linear .1s; }
.side-nav li a:hover:after { left: 3px; }
.widgets .request-widget { padding: 8px 0; margin: 0 0 10px; }
.request-widget .btn-request { margin: 0 auto; }
.btn-request { background-position: 0 -35px; width: 246px; height: 42px; display: block; font-size: 15px; line-height: 42px; font-weight: bold; text-align: center; text-transform: uppercase; text-indent: -40px; letter-spacing: -1px; transition: color linear .1s; -moz-transition: color linear .1s; -webkit-transition: color linear .1s; -o-transition: color linear .1s; -ms-transition: color linear .1s; }
.btn-request span { transition: all linear .1s; -moz-transition: all linear .1s; -webkit-transition: all linear .1s; -o-transition: all linear .1s; -ms-transition: all linear .1s; }
.btn-request:hover { text-decoration: none; background-position: 0 -303px; }
.widgets .featured-widget { border-bottom: 5px solid; padding: 0 0 8px; margin: 0 0 6px; }
.featured-widget .slider { width: 257px; position: relative; overflow: hidden; padding: 8px 0 12px; margin: 0 0 8px; }
.featured-widget .slider img { display: block; }
.featured-widget .slides li > a { display: block; width: 212px; margin: 0 auto 12px; }
.featured-widget .slider p { font-size: 12px; line-height: 14px; width: 212px; margin: 0 auto; height: 14px; overflow: hidden; text-overflow: ellipsis;  }
.featured-widget .slider .prev,
.featured-widget .slider .next { background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/base.png); width: 8px; height: 14px; position: absolute; top: 50%; margin-top: -12px; }
.featured-widget .slider .prev { background-position: -312px -131px; left: 8px; }
.featured-widget .slider .next { background-position: -320px -131px; right: 8px; }
.featured-widget .more { font-size: 11px; text-align: right; }
.featured-widget .more a { text-decoration: underline; }
.featured-widget .more a:hover { text-decoration: none; }
.text-widget p { font-size: 12px; line-height: 20px; padding: 0 10px 20px 14px; }
.text-widget p a { text-decoration: underline; }
.text-widget p a:hover { text-decoration: none; }
.widgets .ads-widget { padding: 0 0 8px; }
.ads-widget a { display: block; }
.ads-widget a + a { margin: 8px 0 0; }
.ads-widget a img { display: block; border: 8px solid; }
.blog-preview { width: 100%; overflow: hidden; padding: 15px 0 0; margin: 24px 0 0; position: relative; }
.blog-preview h3 { line-height: 32px; text-transform: uppercase; }
.blog-preview h6 { font-size: 11px; padding: 0 0 18px; }
.blog-preview h6.tags { padding: 0 0 8px; }
.blog-preview:before { content: ''; background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/dotted.png); width: 100%; height: 4px; position: absolute; top: 0; left: 0; }
.blog-preview .image { width: 330px; position: relative; overflow: visible; padding: 0; }
.blog-preview .image img { display: block; max-width: 320px; }
.blog-preview .image .comments-link { min-width: 20px; height: 26px; padding: 0 3px; text-align: center; font-size: 12px; line-height: 26px; font-weight: bold; text-shadow: 1px 1px 0 rgba(255,255,255,.3); position: absolute; top: 7px; right: 310px; }
.blog-preview .image .comments-link:after { content: ''; width: 0; height: 0; border-width: 6px 0 6px 6px; border-style: solid; position: absolute; top: 26px; right: 2px; }
.blog-preview .image .comments-link:hover { text-decoration: none; }
.blog-preview .text { width: 330px; padding: 0; }
.blog-entry { width: 680px; overflow: hidden; padding: 15px 0 0; margin: 24px 0 0; position: relative; }
.blog-entry h3 { line-height: 32px; text-transform: uppercase; }
.blog-entry h6 { font-size: 11px; padding: 0 0 18px; }
.blog-entry h6.tags { padding: 0 0 8px; }
.blog-entry:before { content: ''; background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/dotted.png); width: 100%; height: 4px; position: absolute; top: 0; left: 0; }
.blog-entry img { display: block; margin: 0 0 18px; }
.blog-entry .comments-link { min-width: 20px; height: 26px; padding: 0 3px; text-align: center; font-size: 12px; line-height: 26px; font-weight: bold; text-shadow: 1px 1px 0 rgba(255,255,255,.3); position: absolute; top: 32px; right: 0; }
.blog-entry .comments-link:after { content: ''; width: 0; height: 0; border-width: 6px 0 6px 6px; border-style: solid; position: absolute; top: 26px; right: 2px; }
.blog-entry .comments-link:hover { text-decoration: none; }
.tabs { }
.tab-links { width: 100%; overflow: hidden; font-size: 12px; line-height: 20px; overflow: hidden; }
.tab-links li { float: left; padding: 0 14px; cursor: pointer; margin: 0 0 4px 4px; }
.tab-links li.current { cursor: default; }
.tab-entry { display: none; width: 100%; }
.tab-entry.current { display: block; }
.pager { background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/dotted.png); width: 100%; height: 20px; padding: 4px 0; overflow: hidden; margin: 50px 0 0; }
.pager p { float: left; font-size: 11px; padding: 0 5px 0 0; }
.pager p a,
.pager p span { float: left; padding: 0 5px; height: 20px; position: relative; z-index: 2; }
.pager p a:hover { text-decoration: none; }
.pager p a.current:after,
.pager p a.current:before { content: ''; position: absolute; z-index: 1; }
.pager p a.current:before { width: 100%; height: 24px; position: absolute; top: -4px; left: 0; }
.pager p a.current:after { background-position: -201px -78px; width: 14px; height: 10px; position: absolute; top: -7px; left: 50%; margin-left: -7px; }
.news-widget { width: 257px; border-bottom: 5px solid; margin: 0 0 10px; }
.news-widget p { font-size: 12px; line-height: 14px; padding: 2px 0; transition: all linear .1s; -moz-transition: all linear .1s; -webkit-transition: all linear .1s; -o-transition: all linear .1s; -ms-transition: all linear .1s; }
.news-widget h6 { font-size: 10px; line-height: 14px; }
.news-items li { margin: 0 0 4px; width: 248px; padding: 4px; overflow: hidden; }
.news-items li img { float: left; margin: 0 11px 0 0; border: 1px solid; transition: all linear .1s; -moz-transition: all linear .1s; -webkit-transition: all linear .1s; -o-transition: all linear .1s; -ms-transition: all linear .1s; }
.news-items li a:hover { text-decoration: none; }
.tags-widget { width: 257px; border-bottom: 4px solid; margin: 0 0 7px; }
.tags-widget ul { width: 257px; padding: 0 0 3px; overflow: hidden; }
.tags-widget li { float: left; padding: 0 7px 5px 0; font-size: 0; line-height: 0; }
.tags-widget li a { float: left; font-size: 11px; line-height: 21px; padding: 0 10px; transition: all linear .1s; -moz-transition: all linear .1s; -webkit-transition: all linear .1s; -o-transition: all linear .1s; -ms-transition: all linear .1s; }
.tags-widget li a:hover { text-decoration: none; }
#comments { padding: 0 0 16px; }
#comments h4 { padding: 0 0 20px; }
#comments p { padding: 0 10px 10px; }
#comments ul li { font-size: 0; line-height: 0; background: transparent; padding: 0; border: 1px solid; border-radius: 2px; position: relative; margin: 0 0 10px 120px; position: relative; }
#comments ul li.reply { margin-left: 240px; }
#comments ul li.reply:after { content: ''; background-position: -249px -111px; width: 30px; height: 36px; position: absolute; top: 32px; left: -210px; }
#comments .avatar { border: 1px solid; border-radius: 2px; position: absolute; top: -1px; left: -121px; }
#comments .top { padding: 3px 10px 0; margin: 0 0 10px; }
#comments .top p { line-height: 36px; padding: 0; }
#comments .top .reply { float: right; margin: 0 0 0 24px; }
#comment-form { width: 680px; display: none; }
#comment-form h4 { padding: 0 0 16px; }
#comment-form label { display: block; font-size: 12px; line-height: 30px; }
#comment-form .field { width: 290px; margin: 0 0 8px; }
#comment-form textarea.field { width: 664px; height: 135px; margin: 0 0 14px; }
#comment-form .button { margin: 0 0 0 auto; }
#contact { padding: 24px 0; }
#contact .entry { padding: 0 0 36px; width: 100%; overflow: hidden; }
#contact .entry iframe,
#contact .entry img { float: left; margin: 0 25px 0 0; }
#contact .entry p { padding: 0 0 20px; }
#contact .entry ul li { background: transparent; padding: 0; overflow: hidden; }
#contact .entry li span { width: 60px; float: left; }
#contact .row { padding: 0 0 8px 202px; width: 424px; height: auto; position: relative; }
#contact .row label { font-size: 12px; line-height: 32px; width: 178px; text-align: right; position: absolute; top: 0; left: 0; }
#contact .row p { padding: 5px 0 0; display: none; }
#contact .button { margin: 10px 0 0; float: right; }
article ul.sitemap > li { padding-left: 24px; }
article ul.sitemap > li > a { font-weight: bold; }
article ul.sitemap li li { background: transparent; padding-left: 20px; }
.project-preview { width: 100%; overflow: hidden; padding: 22px 0 10px; margin: 24px 0 0; position: relative; }
.project-preview:before { content: ''; background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/dotted.png); width: 100%; height: 4px; position: absolute; top: 0; left: 0; }
.project-preview h4 { font-weight: bold; text-transform: uppercase; padding: 0 0 8px; }
.project-preview h6 { font-size: 11px; padding: 0 0 24px; }
.project-preview p { padding: 0 0 24px; min-height: 120px; }
.project-preview .text { width: 210px; }
.project-preview .image { width: 447px; position: relative; }
.project-preview .image a { display: block; border: 4px solid; width: 439px; height: 244px; }
.project-preview .image img { display: block; width: 439px; height: 244px; transition: all linear .15s; -moz-transition: all linear .15s; -ms-transition: all linear .15s; -webkit-transition: all linear .15s; -o-transition: all linear .15s; }
.project-preview .image a:before { content: ''; background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/project-hover.png); width: 439px; height: 244px; position: absolute; top: 4px; left: 4px; z-index: 1; display: none; }
.project-preview .image a:after { content: ''; background-position: -280px -111px; width: 64px; height: 64px; position: absolute; top: 50%; left: 50%; margin: -32px 0 0 -32px; display: none; z-index: 2; }
.project-preview .image a:hover:before,
.project-preview .image a:hover:after { display: block; }
.project-preview .image a:hover img { opacity: 0.2; filter:alpha(opacity=20); }
.button-study { background-position: 0 -78px; display: block; width: 200px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; text-indent: -50px; }
.button-study:hover { text-decoration: none; background-position: 0 -346px; }
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{ position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxOverlay{ position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft{ clear: left; }
#cboxContent{ position: relative; }
#cboxLoadedContent{ overflow: auto; }
#cboxTitle{ margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{ cursor: pointer; }
.cboxPhoto{ float: left; margin: auto; border: 0; display: block; }
.cboxIframe{ width: 100%; height: 100%; display: block; border: 0; }
#cboxTopCenter { height: 40px; border-bottom: 1px solid; }
#cboxLoadingGraphic { width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; }
#cboxClose { background-position: -127px -150px; width: 18px; height: 18px; position: absolute; top: -29px; right: 20px; cursor: pointer; font-size: 0; line-height: 0; text-indent: -9999px; }
#cboxTitle { font-size: 16px; line-height: 40px; white-space: nowrap; text-transform: uppercase; font-weight: bold; text-shadow: -1px -1px 0 rgba(0,0,0,.4); height: 40px; position: absolute; top: -41px; left: 16px; }
.modals { display: none; }
#login { width: 292px; padding: 25px 15px 15px; overflow: hidden; }
#login .field { line-height: 15px; height: 15px; padding: 5px 10px; width: 270px; margin: 0 0 13px; }
#login .checklabel { float: left; padding-left: 24px; position: relative; line-height: 30px; }
#login .checklabel .checkbox { width: 13px; height: 13px; position: absolute; top: 8px; left: 2px; }
#login .button { float: right; }
#project-slider { width: 978px; margin: 0 auto; padding: 16px 0 26px; }
#project-slider .container { width: 968px; border: 5px solid; overflow: hidden; position: relative; }
#project-slider .container li { background: transparent; padding: 0; float: left; }
#project-slider .container img { display: block; }
#project-slider nav { background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/dotted.png); width: 975px; height: 25px; padding: 2px; margin: 11px 0 0; position: relative; z-index: 10; }
#project-slider nav ol { font-size: 0; line-height: 0; text-indent: -9999px; }
#project-slider nav .prev,
#project-slider nav .next { width: 25px; height: 25px; position: absolute; top: 2px; margin: 0; }
#project-slider nav .prev { background-position: -101px -150px, 0 0 !important; left: 1px; }
#project-slider nav .next { background-position: -101px -175px, 0 0 !important; right: 2px; }
#project-slider nav .flex-control-nav { margin: 0 auto; height: 10px; padding: 7px 4px 8px; position: relative; top: 0; left: 0; }
#project-slider .flex-control-nav li { padding: 0; margin: 0; float: left; padding: 0 5px; width: 10px; height: 10px; position: relative; }
#project-slider .flex-control-nav a {
	background: rgb(19,19,19);
	background: -moz-linear-gradient(45deg, rgba(19,19,19,1) 0%, rgba(39,39,39,1) 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(19,19,19,1)), color-stop(100%,rgba(39,39,39,1)));
	background: -webkit-linear-gradient(45deg, rgba(19,19,19,1) 0%,rgba(39,39,39,1) 100%);
	background: -o-linear-gradient(45deg, rgba(19,19,19,1) 0%,rgba(39,39,39,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(19,19,19,1) 0%,rgba(39,39,39,1) 100%);
	background: linear-gradient(45deg, rgba(19,19,19,1) 0%,rgba(39,39,39,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#272727',GradientType=1 );
	box-shadow: 0 0 1px #000;
	width: 10px; height: 10px; font-size: 0; line-height: 0;
}
#project-slider .flex-control-nav .popout { width: 90px; height: 50px; border: 1px solid; position: absolute; bottom: 26px; left: 50%; margin-left: -45px; text-indent: 0; display: none; }
#project-slider .flex-control-nav .popout:after { content: ''; background-position: -216px -78px; width: 14px; height: 7px; position: absolute; bottom: -7px; left: 50%; margin-left: -7px; }
#project-slider .flex-control-nav .popout img { width: 90px; height: 50px; display: none; }
.project-info { width: 978px; margin: 0 auto; padding: 0 0 20px; }
.project-info h4 { font-weight: bold; text-transform: uppercase; padding: 0 0 8px; }
.project-info h6 { font-size: 11px; padding: 0 0 8px; }
.project-info p { padding: 0 0 24px; min-height: 120px; max-width: 672px; }
.button-visit { background-position: 0 -114px; width: 148px; height: 35px; display: block; font-size: 14px; line-height: 35px; text-align: center; text-indent: -34px; }
.button-visit:hover { text-decoration: none; background-position: -181px -231px; }
article .service-row { padding: 25px 0 40px; margin: 0; width: 680px; position: relative; }
article .service-row:before { content: ''; background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/dotted.png); width: 100%; height: 4px; position: absolute; top: 0; left: 0; }
article .service-row h4 { text-transform: uppercase; font-weight: bold; padding: 0 0 10px;}
article .service-row p,
article .service-row ul { padding: 0 0 10px; }
.service-row img { border: none; max-width: 330px; display: block; }
.service-row .image { width: 330px; position: relative; }
.service-row .button-visit { position: absolute; bottom: -17px; left: 50%; margin-left: -74px; }
.service-row .button-visit:after { content: ''; background-position: 0 -212px; width: 170px; height: 18px; position: absolute; bottom: -21px; left: 50%; margin-left: -85px; }
.service-row .text { width: 330px; }
.gallery-thumbs { width: 980px; overflow: hidden; padding: 0 0 30px; }
.gallery-thumbs ul { width: 1000px; position: relative; margin: 0 -20px 0 0; overflow: hidden; }
.gallery-thumbs li { float: left; width: 180px; height: 135px; background: transparent; padding: 0; margin: 24px 20px 0 0; position: relative; }
.gallery-thumbs li a { position: relative; display: block; width: 180px; height: 135px; overflow: hidden; opacity: 1; }
.gallery-thumbs li img { display: block; transition: all linear .15s; -moz-transition: all linear .15s; -ms-transition: all linear .15s; -o-transition: all linear .15s; -webkit-transition: all linear .15s; position: relative; z-index: 1; }
.gallery-thumbs li a:before { content: ''; background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/base.png) -360px -131px; width: 180px; height: 135px; position: absolute; top: 0; left: 0; z-index: 2; }
.gallery-thumbs li a:after { content: ''; background-position: -280px -111px; width: 64px; height: 64px; position: absolute; top: 50%; left: 50%; margin: -32px 0 0 -32px; display: none; z-index: 3; }
.gallery-thumbs li a:hover img { opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); }
.gallery-thumbs li a:hover:after { display: block; }
.gallery-thumbs li:after { content: ''; background-position: 0 -212px; width: 170px; height: 18px; position: absolute; bottom: -20px; left: 5px; }
.gallery-projects { width: 980px; overflow: hidden; padding: 0 0 20px; }
.gallery-projects h3 { text-transform: uppercase; padding: 0 0 10px; }
.gallery-projects ul { width: 1005px; position: relative; margin: 0 -25px 0 0; overflow: hidden; }
.gallery-projects li { float: left; padding: 0; background: transparent; width: 310px; margin: 24px 25px 0 0; position: relative; }
.gallery-projects li .thumb { width: 310px; height: 232px; display: block; overflow: hidden; position: relative; margin: 0 0 24px; }
.gallery-projects li .thumb:before { content: ''; background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/base.png) 0 0 no-repeat; width: 311px; height: 233px; position: absolute; top: 0; left: 0; z-index: 2; }
.gallery-projects li .thumb:after { content: ''; background-position: -280px -111px; width: 64px; height: 64px; position: absolute; top: 50%; left: 50%; margin: -32px 0 0 -32px; display: none; z-index: 3; }
.gallery-projects li .thumb:hover img { opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); }
.gallery-projects li .thumb:hover:after { display: block; }
.gallery-projects li img { display: block; position: relative; z-index: 1; transition: all linear .15s; -moz-transition: all linear .15s; -ms-transition: all linear .15s; -o-transition: all linear .15s; -webkit-transition: all linear .15s; }
.gallery-projects li .button-explore { position: absolute; top: 207px; left: 50%; margin-left: -90px; z-index: 5; }
.button-explore { background-position: 0 -231px; width: 180px; height: 35px; font-size: 12px; line-height: 35px; font-weight: bold; text-transform: uppercase; text-align: center; display: block; text-indent: -40px; }
.button-explore:hover { text-decoration: none; background-position: 0 -267px; }
.error-entry { padding: 355px 0 50px; text-align: center; }
.error-entry ul { font-size: 14px; line-height: 24px; font-weight: bold; text-transform: uppercase; padding: 0 0 50px; }
.error-entry ul li { padding: 0; background: transparent; }
.error-entry p { font-size: 14px; line-height: 24px; padding: 0 0 24px; text-transform: uppercase; }
.error-entry p a { font-weight: bold; }
.construction-entry { padding: 142px 0 58px; text-align: center; }
.construction-entry h1 { font-size: 40px; line-height: 34px; text-transform: uppercase; padding: 0 0 34px; }
.construction-entry h1 span { display: block; }
.construction-entry h2 { font-size: 20px; line-height: 20px; text-transform: uppercase; padding: 0 0 20px; }
.construction-entry p { font-size: 24px; line-height: 24px; padding: 0 0 48px; }
.construction-entry .social { text-align: center; }
.construction-entry .social a { background: url(http://preview.chocotemplates.com/onfocus/html/default/css/images/base.png); width: 34px; height: 34px; display: inline-block; font-size: 0; line-height: 0; text-indent: -9999px; margin: 0 4px; }
.construction-entry .social .facebook { background-position: -181px -234px; }
.construction-entry .social .twitter { background-position: -215px -234px; }
.construction-entry .social .rss { background-position: -249px -234px; }
.LV_validation_message { display: none; }
